body{
    padding: 0;
    margin: 0;
    font-family: 'Varela Round', sans-serif;
}
h1,h2,h3,h4,h5,h6,p{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
img{
    width: 100%;
    /*height: 248px;*/
}
.clear{
    clear: both;
}

.box1-main{
    background-image: url("../images/Build\ your\ own\ community\ and\ share\ your\ knowledge.jpg");
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: .3s ease-in;
    transition-delay: 1s;
    position: relative;

}
.box1-main::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.40);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.box1-main:hover .box4-icon{
    transform: translate(20px, 0);
}
.box1-main:hover .box4-hdng h4{
    transform: translate(30px, 0);

}
.box1-main:hover .box4-hdng h6{
    transform: translate(40px, 0);
}
.box2-main{
    background-image: url("../images/Connect\ to\ your\ mentor\ whenever\ you\ want.jpg");
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: .3s ease-in;
    transition-delay: 1s;
    position: relative;
    /*height: 92%;*/
}
.box2-main::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.40);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.box2-main:hover .box4-icon{
    transform: translate(20px, 0);
}
.box2-main:hover .box4-hdng h4{
    transform: translate(30px, 0);

}
.box2-main:hover .box4-hdng h6{
    transform: translate(40px, 0);
}

.box3-main{
    background-image: url("../images/Don\'t\ miss\ our\ blogs\,\ keep\ yourself\ updated.jpg");
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: .3s ease-in;
    transition-delay: 1s;
    position: relative;

}
.box3-main::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.40);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.box3-main:hover .box4-icon{
    transform: translate(20px, 0);
}
.box3-main:hover .box4-hdng h4{
    transform: translate(30px, 0);

}
.box3-main:hover .box4-hdng h6{
    transform: translate(40px, 0);
}

.overlay4{
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.40);
    top: 0;
    bottom: 492px;
    right: 72px;
    left: 1062px;
    border-radius: 10px;
}
.box4:hover .icon h4{
    transform: translate(0, -10px);
}
.box4-main{
    background-image: url("../images/Join\ forum\ discussion\ to\ engage\ with\ like-minded\ individuals.jpg");
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: .3s ease-in;
    transition-delay: 1s;
    position: relative;

}
.box4-main::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.40);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

    
.s-box {
    padding: 122px 0 27px 40px;
    z-index: 1;
    position: relative;
    height:260px;
}
.box4-hdng h4{
    color: #fff;
    transition: 0.6s ease-in;
    font-size: 15px;
    font-weight: 600;
    padding-top: 24px;
}
.box4-hdng h6{
    color: #fff;
    transition: 0.8s ease-in;
    font-size: 15px;
    font-weight: 600;
    padding-top: 18px;
    padding-left: 16px;
    padding-bottom: 20px;
}
.box4-main:hover .box4-icon{
    transform: translate(20px, 0);
}
.box4-main:hover .box4-hdng h4{
    transform: translate(30px, 0);

}

.footer-logo img{
    width:150px;
}
.box4-main:hover .box4-hdng h6{
    transform: translate(40px, 0);
}

.parter img {
    width: 97%;
    height: 83px;
    100px: ;
    object-fit: contain;
    border: 1px solid #0057b2;
    padding: 10px;
    border-radius: 5px;
     filter: grayscale(100%);
}
.parter img:hover{
     filter: none;
}
.pt-90 {padding-top:90px;}
.about p , .contents p{
    font-size: 21px;
    color: #425466;
}
.about_pic {float:right; margin:0 0 15px 15px; max-width:550px; width:100%; border-radius:10px;-webkit-box-shadow: 0 6px 24px rgba(0,0,0,.1);
    box-shadow: 0 6px 24px rgba(0,0,0,.1);}
.about .image-content {
    padding:15px;
} 
.contents h1 {font-family: 'Matter', sans-serif;    font-weight: 600;}
.contents h4 {font-family: 'Matter', sans-serif;    font-weight: 600;}
.contents ul {margin:20px 15px;}
.contents ul li {margin:0 0 10px; color: #425466;}
.contents ul li li{list-style-type:circle; }
.contents h4 strong{margin:0 0 15px;}
.contact-form {border-radius:10px;-webkit-box-shadow: 0 6px 24px rgba(0,0,0,.1);
    box-shadow: 0 6px 24px rgba(0,0,0,.1); padding:40px 20px 20px;}
    
.contact-form .border-secondary {
    border-color: #999!important;
}   
.blogs .card-body {background:#f8f8f8; padding:30px;}
.section-card.add-pading  .card-body {background:transparent; padding:0;}
.section-card.add-pading  .card-body a {
    color: #666;
    padding: 0 !important;
    font-weight: bold;
    margin: 0;
    display: block;
}
.blog-title {
    display: block !important;
}
.blog-title img {
    margin:10px 0;
}
.section-card-list {margin:0 !important;}
.ratings {margin:0 0 10px;}
.ratings li {width:auto;float:left; margin:5px 0 0 0;}
.ratings li a {color:#ceae00; font-size:14px;margin-right:5px;display:block;line-height:1;}
/*.about .image-content p{*/
/*    font-size:16px;*/
/*    color: #425466;*/
/*}*/